<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登陆页面</title>
    <link rel="stylesheet" href="./css/login.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
</head>
<body>
    <div class="top">
        <div class="t_cen">
            <img src="./img/logo-201305-b.png" alt="">
            <h1>欢迎登陆</h1>
        </div>  
    </div>
    <div class="main_body">
        <div class="mb_cen">
            <div class="login_form">
                <div class="lf_top">
                    <h1>账户登录</h1>
                </div>
                
                <form action="javascript:;" class="lf_bottom">
                    <div class="error">
                        用户名和密码不匹配
                    </div>
                    <div class="lfb_item">
                        <span class="glyphicon glyphicon-user"></span>
                        <input type="text" name="username" placeholder="用户名" id="username">
                    </div>
                    <div class="lfb_item">
                        <span class="glyphicon glyphicon-pencil"></span>
                        <input type="password" name="password" placeholder="密码" id="password">
                    </div>
                    <button id="btn">登&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;录</button>

                </form>
            </div>
        </div>
    </div>
    <script src="./javascripts/jQuery.js"></script>
    <script src="./javascripts/login.js"></script>  
</body>
</html>